@import 'variables';

.seed-course-box {
  .course-list {
    position: relative;
    background-color: color(c10);
    .course-list-item {
      background: color(c10);
      height: pxTorem(130);
      padding: 0 pxTorem(24);
      line-height: 1;
      .course-title {
        @include font-size(f2);
        color: color(c2);
        padding-top: pxTorem(28);
        margin-bottom: pxTorem(16);
      }
      .course-info {
        div {
          color: color(c4);
          @include font-size(f5);
          display: inline-block;

          &:first-child {
            margin-right: pxTorem(30);
          }
        }
      }
    }
    .seed-underline {
      &:after {
        border-bottom-color: color(c4);
      }
    }
    .seed-clearline:after {
      border-bottom-color: color(c10);
    }
  }
  .right-arrow-icon {
    display: flex;
    position: absolute;
    top: 0;
    right: pxTorem(4);
    height: 100%;
    align-items: center;
    &:after {
      content: '';
      display: inline-block;;
      width: pxTorem(30);
      height: pxTorem(30);
      background: url(#{$icons-path}/icon_more.png) no-repeat center center/contain;
    }
  }
}


